<!DOCTYPE html>
<html>
<head>
  <title>Jack</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Tp5简易留言板</title>
  
  <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">  
  <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
   <script>
function showHint(str)
{

  var xmlhttp;
  if (str.length==0)
  { 
    document.getElementById("txtHint").innerHTML="";
    return;
  }
  if (window.XMLHttpRequest)
  {
    // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
  }
  else
  {
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function()
  {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
      document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","/tp5/public/index/bbs/show?page="+str,true);
  xmlhttp.send();
}
</script>
</head>
<body>
  <div  class="container">   
<h2><a href="{$Think.server.script_name}/index/bbs/show/">Tp5简易留言板</a></h2>
 
<p>短信快捷登录 - 无需密码 -直接登录</p>
<form  action="" method="post">
  <div class="form-group" >
    <!-- <label for="exampleInputName2">留言标题title:</label> -->
    <input type="text" class="form-control" id="title" name="title" value="" placeholder="请输入手机号" maxlength="100">
     
  </div>
    <div class="form-group" >
    <!-- <label for="exampleInputName2">留言标题title:</label> -->
    <input type="text" class="form-control" id="title" name="title" value="" placeholder="请输入获取的验证码" maxlength="100">
     
  </div>
  

  <button type="submit" class="btn btn-primary" >获取验证</button>
</form>

<h1>留言展示 - Tp5简易留言板</h1>
  留言如下：
<p><span id="txtHint">默认内容</span></p> 
<h3>在输入框中输入页码:</h3>
<form action=""> 
跳转到: <input type="text" id="txt1" onkeyup="showHint(this.value)" />
</form>
 </div>
 
 </body>
 </html>